<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: deeppink;
        }
    </style>

</head>
<body>

<button onclick="fun()">按钮</button>
<div id="d1">

</div>

<script !src="">
    // 声明一个事件的三种方式!!!!!

    function fun(){
      alert("属性上绑定的事件触发了！！！！！")
    }

    d1.addEventListener('click',function () {
        alert("addEventListener被点击!!!")
    })

    d1.onclick = function () {
        alert("被点击； ！")
    }

</script>



</body>
</html>